Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / messages / modals / ConversationImageModal.vue

Displaying Raw • Download

Tff7b72<Tff7b72!Tff7b72-Tff7b72- Te6edf3SPDXTff7b72-Te6edf3LicenseTff7b72-Te6edf3IdentifierTb4b4b4: T79c0ff0Te6edf3BSD Tff7b72-Tff7b72-Tff7b72>

Tff7b72<Te6edf3templateTff7b72>

Tff7b72<Te6edf3Transition

Te6edf3enterTff7b72-Te6edf3activeTff7b72-Tff7b72classTff7b72=Ta5d6ff"Ta5d6fftransition ease-out duration-200Ta5d6ff"

Te6edf3enterTff7b72-Te6edf3fromTff7b72-Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffopacity-0Ta5d6ff"

Te6edf3enterTff7b72-Te6edf3toTff7b72-Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffopacity-100Ta5d6ff"

Te6edf3leaveTff7b72-Te6edf3activeTff7b72-Tff7b72classTff7b72=Ta5d6ff"Ta5d6fftransition ease-in duration-150Ta5d6ff"

Te6edf3leaveTff7b72-Te6edf3fromTff7b72-Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffopacity-100Ta5d6ff"

Te6edf3leaveTff7b72-Te6edf3toTff7b72-Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffopacity-0Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3div

Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffurlTa5d6ff"

Te6edf3refTff7b72=Ta5d6ff"Ta5d6ffimageModalOverlayTa5d6ff"

Te6edf3tabindexTff7b72=Ta5d6ff"Ta5d6ff0Ta5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6fffixed inset-0 z-50 flex items-center justify-center bg-black/80 dark:bg-black/90 backdrop-blur-xs p-4 pt-[max(1rem,env(safe-area-inset-top))] pb-[max(1rem,env(safe-area-inset-bottom))] outline-hiddenTa5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffcloseTa5d6ff'Ta5d6ff)Ta5d6ff"

@Te6edf3keydownTff7b72.Td2a8ffleftTff7b72.Td2a8ffpreventTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffnavigateTa5d6ff'Ta5d6ff, -1)Ta5d6ff"

@Te6edf3keydownTff7b72.Td2a8ffrightTff7b72.Td2a8ffpreventTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffnavigateTa5d6ff'Ta5d6ff, 1)Ta5d6ff"

@Te6edf3keydownTff7b72.Td2a8ffescapeTff7b72.Td2a8ffpreventTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffcloseTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3div Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffrelative max-w-7xl max-h-full group/image-modalTa5d6ff" @Te6edf3clickTff7b72.Td2a8ffstopTff7b72>

Tff7b72<Te6edf3button

Te6edf3typeTff7b72=Ta5d6ff"Ta5d6ffbuttonTa5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffabsolute -top-12 left-0 inline-flex items-center justify-center w-10 h-10 rounded-xl bg-white/10 dark:bg-zinc-900/10 hover:bg-white/20 dark:hover:bg-zinc-900/20 text-white transition-colors opacity-0 group-hover/image-modal:opacity-100 focus:opacity-100Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ff$t(Ta5d6ff'Ta5d6ffmessages.save_image_to_deviceTa5d6ff'Ta5d6ff)Ta5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffdownloadTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3MaterialDesignIcon Te6edf3iconTff7b72-Te6edf3nameTff7b72=Ta5d6ff"Ta5d6ffdownloadTa5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsize-5Ta5d6ff" Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3button

Te6edf3typeTff7b72=Ta5d6ff"Ta5d6ffbuttonTa5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffabsolute -top-12 right-0 inline-flex items-center justify-center w-10 h-10 rounded-xl bg-white/10 dark:bg-zinc-900/10 hover:bg-white/20 dark:hover:bg-zinc-900/20 text-white transition-colorsTa5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffcloseTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3MaterialDesignIcon Te6edf3iconTff7b72-Te6edf3nameTff7b72=Ta5d6ff"Ta5d6ffcloseTa5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsize-5Ta5d6ff" Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3button

Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffgallery && gallery.length > 1Ta5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"Ta5d6ffbuttonTa5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffabsolute left-0 top-1/2 z-10 -translate-y-1/2 inline-flex items-center justify-center w-11 h-11 rounded-full bg-black/40 hover:bg-black/55 text-white transition-colorsTa5d6ff"

Te6edf3ariaTff7b72-Te6edf3labelTff7b72=Ta5d6ff"Ta5d6ffPrevious imageTa5d6ff"

@Te6edf3clickTff7b72.Td2a8ffstopTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffnavigateTa5d6ff'Ta5d6ff, -1)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3MaterialDesignIcon Te6edf3iconTff7b72-Te6edf3nameTff7b72=Ta5d6ff"Ta5d6ffchevron-leftTa5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsize-7Ta5d6ff" Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3button

Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffgallery && gallery.length > 1Ta5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"Ta5d6ffbuttonTa5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffabsolute right-0 top-1/2 z-10 -translate-y-1/2 inline-flex items-center justify-center w-11 h-11 rounded-full bg-black/40 hover:bg-black/55 text-white transition-colorsTa5d6ff"

Te6edf3ariaTff7b72-Te6edf3labelTff7b72=Ta5d6ff"Ta5d6ffNext imageTa5d6ff"

@Te6edf3clickTff7b72.Td2a8ffstopTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffnavigateTa5d6ff'Ta5d6ff, 1)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3MaterialDesignIcon Te6edf3iconTff7b72-Te6edf3nameTff7b72=Ta5d6ff"Ta5d6ffchevron-rightTa5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsize-7Ta5d6ff" Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3div

Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffgallery && gallery.length > 1Ta5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffpointer-events-none absolute bottom-2 left-1/2 z-10 -translate-x-1/2 rounded-full bg-black/50 px-3 py-1 text-xs font-medium text-whiteTa5d6ff"

Tff7b72>

Tb4b4b4{Tb4b4b4{ Te6edf3index Tff7b72+ T79c0ff1 Tb4b4b4}Tb4b4b4} Tff7b72/ Tb4b4b4{Tb4b4b4{ Te6edf3galleryTff7b72.Td2a8fflength Tb4b4b4}Tb4b4b4}

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Te6edf3img

Tb4b4b4:Te6edf3srcTff7b72=Ta5d6ff"Ta5d6ffurlTa5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffmax-w-full max-h-[90vh] rounded-xl shadow-2xlTa5d6ff"

Te6edf3altTff7b72=Ta5d6ff"Ta5d6ffImage previewTa5d6ff"

@Te6edf3contextmenuTff7b72.Td2a8ffpreventTff7b72.Td2a8ffstopTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffcontextmenuTa5d6ff'Ta5d6ff, $event)Ta5d6ff"

Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3TransitionTff7b72>

Tff7b72<Tff7b72/Te6edf3templateTff7b72>

Tff7b72<Te6edf3scriptTff7b72>

Te6edf3import Te6edf3MaterialDesignIcon Te6edf3from Ta5d6ff"Ta5d6ff../../MaterialDesignIcon.vueTa5d6ff"Tb4b4b4;

Tff7b72export Te6edf3default Tb4b4b4{

Te6edf3nameTb4b4b4: Ta5d6ff"Ta5d6ffConversationImageModalTa5d6ff"Tb4b4b4,

Te6edf3componentsTb4b4b4: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTb4b4b4: Tb4b4b4{

Te6edf3urlTb4b4b4: Tb4b4b4{

Te6edf3typeTb4b4b4: Tffa657StringTb4b4b4,

Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6ff"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3galleryTb4b4b4: Tb4b4b4{

Te6edf3typeTb4b4b4: Tffa657ArrayTb4b4b4,

Te6edf3defaultTb4b4b4: Tffa657nullTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3indexTb4b4b4: Tb4b4b4{

Te6edf3typeTb4b4b4: Te6edf3NumberTb4b4b4,

Te6edf3defaultTb4b4b4: T79c0ff0Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTb4b4b4: Tb4b4b4[Ta5d6ff"Ta5d6ffcloseTa5d6ff"Tb4b4b4, Ta5d6ff"Ta5d6ffnavigateTa5d6ff"Tb4b4b4, Ta5d6ff"Ta5d6ffdownloadTa5d6ff"Tb4b4b4, Ta5d6ff"Ta5d6ffcontextmenuTa5d6ff"Tb4b4b4]Tb4b4b4,

Te6edf3methodsTb4b4b4: Tb4b4b4{

Te6edf3focusOverlayTb4b4b4(Tb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.Tff7b72$Te6edf3nextTickTb4b4b4(Tb4b4b4(Tb4b4b4) Tff7b72=Tff7b72> Tb4b4b4{

Te6edf3thisTff7b72.Tff7b72$Te6edf3refsTff7b72.Td2a8ffimageModalOverlay?Tff7b72.Td2a8fffocus?Tff7b72.Tb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72<Tff7b72/Te6edf3scriptTff7b72>